<!DOCTYPE html>
<html>
<head>

    <link href="Styles/generic.css" rel="stylesheet" type="text/css" />
    <link href="Styles/js-image-slider.css" rel="stylesheet" type="text/css" />
    <link href="Styles/slider.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="Scripts/js-image-slider.js" type="text/javascript"></script>
    <script src="Scripts/jquery-slider.js" type="text/javascript"></script>
   
</head>
<body>
<div class="div1">
    <p> <a href="dewdrop.html">Dew Drop</a> <a href="eye.html">Eye</a> <a href="flowers.html">Flowers</a> <a href="nature.html">Nature</a> <a href="wild.html">Wild</a> <a href="insects.html">Insects</a> </p>
</div>

<div class="div2" style="background-color:white;padding:40px 0 50px 20px;border:1px solid #E3E3E3;">
    <div class="floatLeft">
        <div id="mcts1">
            <img src="SliderImages/Nature/Image1.jpg" />
            <img src="SliderImages/Nature/Image2.jpg" />
            <img src="SliderImages/Nature/Image3.jpg" />
            <img src="SliderImages/Nature/Image4.jpg" />
            <img src="SliderImages/Nature/Image5.jpg" />
        </div>
    </div>
    <div class="floatLeft">
        <div id="sliderFrame">
            <div id="slider">
                <img src="SliderImages/Nature/Image1.jpg" />
                <img src="SliderImages/Nature/Image2.jpg" />
                <img src="SliderImages/Nature/Image3.jpg" />
                <img src="SliderImages/Nature/Image4.jpg" />
                <img src="SliderImages/Nature/Image5.jpg" />
            </div>
        </div>
    </div>

</div>

</body>
</html>
